@CHARSET "UTF-8";

.title
{
	color:black;
	border:1px solid #aa55ff;
	background-color:#eeeeee;
	padding:7px;
	margin-top:15px;
	margin-bottom:15px;
	border-left-width:20px;
}

#result1, #result2, #result3, #result4
{
	marger-left:20px;
}
#main
{
	font-family:맑은 고딕;
	width:100%;
	max-width:1200px;
	min-width:600px;
	border:1px solid #aaaaaa;
	margin:auto;
	box-shadow:2px 2px 10px #aaaaaa;
}
#top
{
	float:top;
	width:100%;
	height:100px;
	color:white;
	font-family:궁서;
	font-size:50;
	font-weight:bold;
	text-align:center;
	line-height:70px;
	vertical-align:middle;
	background-image:url('../images/aaa.png');
	background-size:100% 100%;
	
 	animation: myfirst 2s infinite;
	-webkit-animation: myfirst 2s infinite;

}/* 
#top_text
{
	position:relative;
	animation: mymove 10s infinite;
	-webkit-animation:mymove 10s infinite;
}
@keyframes mymove
{
	0%    {}
	10%   {left:-30px;top:10px;}
	20%   {left:50px;}
	25%   {left:10px}
	30%   {left:-10px;top:30px;}
	35%   {left:10px;top:40px;}
	40%   {left:20px;top:30px;}
	45%   {left:10px;top:10px;}
	50%   {left:-20px;top:60px;}
	60%   {left:40px;}
	70%   {left:10px;}
	80%   {left:-10px;top:80px;}
	85%   {left:0px;top:85px;}
	90%   {left:10px;top:80px;}
	95%   {left:10px;top:60px;}
}

@-webkit-keyframes mymove
{
	0%    {}
	10%   {left:-30px;top:10px;}
	20%   {left:50px;top:10px;}
	25%   {left:10px;top:10px;}
	30%   {left:-10px;top:30px;}
	35%   {left:10px;top:40px;}
	40%   {left:20px;top:30px;}
	45%   {left:10px;top:10px;}
	50%   {left:-20px;top:60px;}
	60%   {left:40px;;top:60px;}
	70%   {left:10px;top:60px;}
	80%   {left:-10px;top:80px;}
	85%   {left:0px;top:85px;}
	90%   {left:10px;top:80px;}
	95%   {left:10px;top:60px;}
} */

@keyframes myfirst
{
	0%   {color: #ff0000;}
	5%   {color: #00ff00;}
	10%  {color: #0000ff;}
	15%  {color: #ffff00;}
	20%  {color: #ff00ff;}
	25%  {color: #00ffff;}
	30%  {color: #ffffff;}
	35%  {color: #000000;}
	40%  {color: #aaaaaa;}
	45%  {color: #3399ff;}
	50%  {color: #66ff66;}
	55%  {color: #3399ff;}
	60%  {color: #aaaaaa;}
	65%  {color: #000000;}
	70%  {color: #ffffff;}
	75%  {color: #00ffff;}
	80%  {color: #ff00ff;}
	85%  {color: #ffff00;}
	90%  {color: #0000ff;}
	95%  {color: #00ff00;}		
	100% {color: #ff0000;}
}

@-webkit-keyframes myfirst
{
	0%   {color: #ff0000;}
	5%   {color: #00ff00;}
	10%  {color: #0000ff;}
	15%  {color: #ffff00;}
	20%  {color: #ff00ff;}
	25%  {color: #00ffff;}
	30%  {color: #ffffff;}
	35%  {color: #000000;}
	40%  {color: #aaaaaa;}
	45%  {color: #3399ff;}
	50%  {color: #66ff66;}
	55%  {color: #3399ff;}
	60%  {color: #aaaaaa;}
	65%  {color: #000000;}
	70%  {color: #ffffff;}
	75%  {color: #00ffff;}
	80%  {color: #ff00ff;}
	85%  {color: #ffff00;}
	90%  {color: #0000ff;}
	95%  {color: #00ff00;}		
	100% {color: #ff0000;}
}

#center
{
	min-height:400px;
	margin:0;
	width:100%;
}
#nav,#aside
{
	color:white;
	min-width:100px;
	margin:0 auto;
	display:inline-block;
	vertical-align:top;
	width:160px;
}
#contents
{
	color:white;
	margin:0 auto;
	display:inline-block;
	vertical-align:top;
	width:68%;
}
#bottom
{
	float:bottom;
	width:100%;
	height:100px;
	margin-top:10px;
	font-family:궁서;
	color:white;
	text-align:center;
}
.main_menu
{
	border:1px solid #0000ff;
	border-radius:5px;
	text-align:center;
	color:#fff;
	box-shadow:0px 0px 10px #fff;
	background-color:#000;
	padding:5px;
	margin-left:10px;
	margin-right:10px;
	margin-top:20px;
	margin-bottom:20px;
	
	-webkit-transform:rotate(0deg);
	-webkit-transition:-webkit-transform 1s,
					background 3s, color 3s;
}
.main_menu:hover
{
	background-color:#aaaaaa;
	
	-webkit-transform:rotate(10deg);
	-webkit-transition:-webkit-transform 5s,
					background 2s;
}
#content
{
	width:100%;
}
.img
{
	width:100%;
	height:200px;
	float:right;
}
A:link 
{
	color:white;
	text-decoration:none;
}
A:visited
{
	color:white;
	text-decoration:none;
}
A:active 
{
	color:yellow;
	text-decoration:none;
}

#login_form >label
{
	width:45px;
	display:inline-block;
	text-align:left;
	margin-left:3px;
}
